<template>
  <div class="index-form form-contain">
    <!-- <div class="common-banner" :style='{backgroundImage: `url(${this.banner})`}'> -->
    <div class="tgheader">推广故事</div>
    <div  class="tgcenter">
    <p>营销痛点:</p>
<div>地域小，同行竞争激烈，其它渠道推广成本高，利润不断被压缩；</div>

<p>期望目标:</p>
<div>提高关注量：100个/日关注；</div>

<p>解决方案:</p>
<div>增加广告数量，保持文案高频更新；</div>
<div>定期更新文章，内容与文案保持一致；</div>
<div>详情页体现时效性、 技巧知识点，抓住用户痛点营销；</div>
<div>以地域投放为基准，搭配其它基础定向及文案，进行ABtest；</div>
<div>关注广告数据，及时调整投放方案；</div>
    </div>
    <div class="tgResults">
         <span style="margin-top:1rem">效果展示</span> 
  <img src="static/images/sj2.png" >
  <img src="static/images/图层 4@3x (2).png" >
</div>
  </div>

</template>

<script>
import { getBanner } from '@/api/ajax'

export default {
  data () {
    return {
      banner: ''
    }
  },
  mounted () {
    getBanner({type: 3}).then(res => {
      this.banner = res.data.list[0].image
    })
  },
  created () {
  },
  methods: {
    addMore () {
    }
  }
}
</script>

<style lang="less">
.tgheader{
width:4.67rem;
height:.93rem;
font-size:.93rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
 margin: 0 auto;
 margin-top: 1rem;
 text-align: center;
  }

  .tgcenter{
  width:340px;
height:16.2rem;
font-size:.8rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
margin: 0 auto;
margin-top: .9375rem;
position: relative;
}
.tgResults{
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  img{
    width: 13.87rem;
    height:11.4rem;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
  }
  }
  .tgResults>span{
width:3.67rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
display: block;
  margin: 0 auto;
  text-align: center;
}
.tgResults>img:nth-child(2){
  width:18.73rem;
  height:10.07rem;
  display: block;
  margin: 0 auto;
  margin-top:1rem;
}
.tgResults>img:nth-child(3){
  width:22.07rem;
  height:16.2rem;
  display: block;
  margin: 0 auto;
  margin-top:1rem;
}
</style>
